<template>
  <div class="spuTitle">
    <div class="title">
      <nut-tag type="danger">自营</nut-tag>
      <span>{{ skuInfo.title }}</span>
    </div>
    <nut-price :price="skuInfo.price" size="normal" symbol="￥" />
  </div>
</template>

<script setup>
import { defineProps } from "vue";

// 属性
const props = defineProps({
  skuInfo: {
    type: Object,
  },
});
</script>

<style lang="less" scoped>
.spuTitle {
  margin: 0px 5px;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  .title {
    margin-bottom: 5px;
    span {
      margin-left: 10px;
      line-height: 24px;
    }
  }
}
</style>